<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>设置文本的字体</title>
</head>

<body>
    <style>
        .p1 {
            font-family: "Times New Roman", Times, serif;
        }

        .p2 {
            font-family: Arial, Helvetica, sans-serif;
        }

        .p3 {
            font-family: "Lucida Console", "Courier New", monospace;
        }
    </style>
    <h1>CSS font-family</h1>

    <p>这是一个段落，以 Times New Roman 字体显示：</p>
    <p class="p1">This is a paragraph, shown in the Times New Roman font.</p>
    <p>这是一个段落，以 Arial 字体显示：</p>
    <p class="p2">This is a paragraph, shown in the Arial font.</p>
    <p>这是一个段落，以 Lucida Console 字体显示：</p>
    <p class="p3">This is a paragraph, shown in the Lucida Console font.</p>


</body>

</html>